<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets" 
>
<h:head>
 </h:head>
    <body>
	    <ui:composition>
	    <div class="navigation">
            <div id="account-dropdown-view">
                <div class="account-dropdown-view">
                    <a class="account" href="javascript:void(0);" onclick="$('.submenu').toggle();" style="background-color: transparent; opacity: 1;">
                        <h:graphicImage width="16" height="16" library="images" name="profil.png"/>
                        <h:outputText value="#{GeneralBean.currentUser.usrFirstname}"> </h:outputText> 
                    </a>
                    <div class="submenu" style="display: none;">
                        <ul class="root">
                            <li>
                                <a href="" class="logout">
                                	<h:form id="disconnectForm" prependId="false">
        								<h:commandButton value="Se déconnecter" action="#{GeneralBean.disconnectUser}"> </h:commandButton>
        							</h:form>
                                </a>
                            </li>
                        </ul>
                    </div>
               </div>
           </div>
        </div>
		<header>
        	<div id="">
        	   <h:graphicImage library="images" name="logo.png"/>
        	</div>
        	<div id="header">
                <ul id="headernav">
                	<li>
                    	<ul>
                    	  <li>
                          		<h:link outcome="NouveauMessage" value="Ecrire un message"></h:link>                		
                          </li>
                          <li>
                          		<h:link outcome="Messages" value="Messages"></h:link>
                          </li>
                          <li>
                          		<h:link outcome="HistoriquesChatProjet" value="Historiques de Chat"></h:link>
                          </li>
                        </ul>
                    </li>
                </ul>
        	</div>
		</header>
		</ui:composition>
		</body>
		</html>